<!DOCTYPE>

<html>

<head>
    <script type="text/javascript">

        function onKeyEvent() {
            if (event.keyCode == 13) {
                var word = document.getElementById("word").value;
                var bdfy = document.getElementById("bdfy");
                var bdimg = document.getElementById("bdimg");
                bdfy.src = "http://fanyi.baidu.com/#en/zh/" + word;
                bdimg.src = "http://image.baidu.com/search/index?tn=baiduimage&ie=utf-8&word=" + word;
            }
        }

    </script>
    <style type="text/css">
        .scroll {
            overflow-x: hidden;
        }

        .scroll-son {
            overflow-x: hidden;
        }
    </style>
</head>

<body>
    <div style="margin:0 auto;width:200px;height:10%">
        <h1>输入单词</h1>
        <input id="word" type="text" style="height:30px;font-size:18px;margin:-10px 0 20px 0" autofocus="autofocus" onkeyup="onKeyEvent();"></input>
    </div>
    <div style="height:90%">
        <div style="float:left;width:20%">
            <iframe id="pdf" src="word.pdf" width="100%" height="100%" scrolling="yes"></iframe>
        </div>
        <div style="float:right;width:40%">
            <iframe id="bdimg" width="100%" height="100%" scrolling="yes"></iframe>
        </div>
        <div style="float:right;width:40%">
            <iframe id="bdfy" width="100%" height="100%" scrolling="yes"></iframe>
        </div>
    </div>
</body>

</html>